@use 'variables' as *;
@use 'mixins' as *;
@use 'theme';
@use 'utilities';

@include base-styles;

/* 全局样式 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

::selection {
  background: var(--hover-color);
  color: var(--text-primary);
}

:focus {
  outline: 2px solid var(--hover-color);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
}

// 颜色变量
$primary-color: #232f3e;
$primary-light: #37475a;
$secondary-color: #febd69;
$hover-color: #f90;  // 添加悬停颜色
$text-white: #fff;
$text-primary: #111;
$border-color: #ddd;
$bg-light: #f3f3f3;
$icon-color: #666;

/* ... 其他样式保持不变 ... */ 